<template>
  <div class="box">
    <div class="box_top">
      <XcTop />
    </div>
    <div class="box_bot">
      <XcMain />
    </div>
  </div>
</template>
<script>
import XcTop from '@/views/XCAnalysis/components/Top';
import XcMain from '@/views/XCAnalysis/components/Main';

export default {
  components: {
    XcTop,
    XcMain
  }
};
</script>
<style lang="scss" scoped>
$vw: 1920px;
@function px2vw($px) {
  @return $px / $vw * 100vw;
}
.box{
  height: 100%;
  padding: 0 px2vw(24px) px2vw(24px);
  background: rgba(91,143,249,0.07)
}
.box_top{
    height: 8%;
}
.box_bot{
  height: 92%;
}
</style>
